<div data-options="region:'north',title:'使用效果',split:true" style="height:250px">
    <input class="easyui-textbox" data-options="iconCls:'icon-search'" value="余强" style="width: 200px">
    <input id="tb" type="text" value="余强" style="width: 200px">
    <input id="newTb" class="easyui-textbox" value="余强" style="width: 200px">
    <script>
        $('#tb').textbox({
            buttonText:'Search',
            iconCls:'icon-man',
            iconAlign:'left',
            prompt:'请输入',
            multiline:false,//多行文本框
            editable:true,//是否可输入
            disabled:false,//是否禁用
            readonly:false,//是否只读
            onChange: function (newValue, oldValue) {
                $('#newTb').textbox("setValue",newValue);
            },
            onClickButton:function(){
                $('#newTb').textbox("setValue","拼命搜索在......");
            }
        })
    </script>
</div>
<div data-options="region:'center',title:'代码介绍',split:true" style="height:auto;background: #eee">
    <pre>
    &ltinput class="easyui-textbox" data-options="iconCls:'icon-search'" value="余强" style="width: 200px"&gt
    &ltinput id="tb" type="text" value="余强" style="width: 200px"&gt
    &ltinput id="newTb" class="easyui-textbox" value="余强" style="width: 200px"&gt
    &ltscript&gt
        $('#tb').textbox({
            buttonText:'Search',
            iconCls:'icon-man',
            iconAlign:'left',
            prompt:'请输入',
            multiline:false,//多行文本框
            editable:true,//是否可输入
            disabled:false,//是否禁用
            readonly:false,//是否只读
            onChange: function (newValue, oldValue) {
                $('#newTb').textbox("setValue",newValue);
            },
            onClickButton:function(){
                $('#newTb').textbox("setValue","拼命搜索在......");
            }
        })
    &lt/script&gt    </pre>
</div>
